.pure-image {
    display: var(--pure-image-display, inline-flex);
    flex-direction: var(--pure-image-flex-direction, column);
    align-items: var(--pure-image-align-items, center);
    justify-content: var(--pure-image-justify-content, center);
    width: var(--pure-image-width, var(--pure-image-width-prop, 160px));
    height: var(--pure-image-height, var(--pure-image-height-prop, 120px));
    position: relative;
    border: var(--pure-image-border-width) var(--pure-image-border-style) var(--pure-image-border-color);
    border-radius: var(--pure-image-border-radius);
    overflow: var(--pure-image-overflow, hidden);
    line-height: var(--pure-image-line-height, 1);
    background: var(--pure-image-background, var(--pure-background-element));
    text-align: var(--pure-image-text-align, center);

    /* #ifdef MP-KUAISHOU */
    display: var(--pure-image-display, flex);
    /* #endif */
}

/* 圆形图片 */
.pure-image-circle {
    --pure-image-border-radius: 50%;
    --pure-image-height: var(--pure-image-width, var(--pure-image-width-prop, 160px));
}

.pure-image-image,
.pure-image-placeholder {
    width: 100%;
    height: 100%;
    will-change: transform;
    display: block;
}

.pure-image-status {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--pure-image-status-gap, 0.8em);
    font-size: var(--pure-image-status-font-size);
    color: var(--pure-image-status-color, var(--pure-text-color-light));
    padding: var(--pure-image-status-padding, 0.8em);
    box-sizing: border-box;
}

.pure-image-status-icon {
    font-size: var(--pure-image-status-icon-font-size, 2em);
    color: var(--pure-image-status-icon-color);
    --pure-icon-image-width: var(--pure-image-status-icon-image-width);
    --pure-icon-image-height: var(--pure-image-status-icon-image-height);
}

.pure-image-status-text {
    font-size: var(--pure-image-status-text-font-size, var(--pure-font-size-smaller));
    color: var(--pure-image-status-text-color);
}

.pure-image-loading {
    --pure-image-status-font-size: var(--pure-image-loading-font-size);
    --pure-image-status-color: var(--pure-image-loading-color);
    --pure-image-status-gap: var(--pure-image-loading-gap);
    --pure-image-status-opacity: var(--pure-image-loading-opacity);
}

.pure-image-loading-icon {
    --pure-image-status-icon-font-size: var(--pure-image-loading-icon-font-size);
    --pure-image-status-icon-color: var(--pure-image-loading-icon-color);
    --pure-image-status-icon-image-width: var(--pure-image-loading-icon-image-width);
    --pure-image-status-icon-image-height: var(--pure-image-loading-icon-image-height);
}

.pure-image-loading-icon-spin {
    animation-name: pure-animate-spin;
    animation-duration: var(--pure-image-loading-animation-duration, 1.2s);
    animation-timing-function: var(--pure-image-loading-animation-timing-function, linear);
    animation-iteration-count: var(--pure-image-loading-animation-iteration-count, infinite);
}

.pure-image-loading-text {
    --pure-image-status-text-font-size: var(--pure-image-loading-text-font-size);
    --pure-image-status-text-color: var(--pure-image-loading-text-color);
}

.pure-image-fail {
    --pure-image-status-font-size: var(--pure-image-fail-font-size);
    --pure-image-status-color: var(--pure-image-fail-color);
    --pure-image-status-gap: var(--pure-image-fail-gap);
    --pure-image-status-opacity: var(--pure-image-fail-opacity);
}

.pure-image-fail-icon {
    --pure-image-status-icon-font-size: var(--pure-image-fail-icon-font-size);
    --pure-image-status-icon-color: var(--pure-image-fail-icon-color);
    --pure-image-status-icon-image-width: var(--pure-image-fail-icon-image-width);
    --pure-image-status-icon-image-height: var(--pure-image-fail-icon-image-height);
}

.pure-image-fail-text {
    --pure-image-status-text-font-size: var(--pure-image-fail-text-font-size);
    --pure-image-status-text-color: var(--pure-image-fail-text-color);
}

.pure-image-preload {
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
